<!---总览页面真实内容-->
<template>
  <div class="ele-body">
    <a-tabs default-active-key="1" @change="callbackActivityTab">
      <a-tab-pane key="1" tab="实时数据">
        <DeviceManagerdeviceBasaRealtimedataStateMonitor :data="data" />
      </a-tab-pane>
      <a-tab-pane key="2" tab="运行历史数据">
        <device-managerdevice-basa-realtimedata-state-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="3" tab="故障历史数据">
        <device-managerdevice-basa-realtimedata-malfunction-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="4" tab="告警历史数据">
        <device-managerdevice-basa-realtimedata-warnning-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="5" tab="组件状态数据">
        <device-managerdevice-basa-realtimedata-componets-data :data="data" />
      </a-tab-pane>
      <a-tab-pane key="6" tab="原始数据">
        <device-managerdevice-basa-realtimedata-source-data :data="data" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import DeviceManagerdeviceBasaRealtimedataStateData from './state-data.vue'
import DeviceManagerdeviceBasaRealtimedataMalfunctionData from './malfunction-data.vue'
import  DeviceManagerdeviceBasaRealtimedataWarnningData from './warnning-data.vue'
import DeviceManagerdeviceBasaRealtimedataComponetsData from './componets-data.vue'
import DeviceManagerdeviceBasaRealtimedataStateMonitor from './state-monitor.vue'
import DeviceManagerdeviceBasaRealtimedataSourceData from './source-data.vue'
export default {
  name: 'DeviceManagerdeviceBasaRealtimedataState',
  components: {
    DeviceManagerdeviceBasaRealtimedataComponetsData,
    DeviceManagerdeviceBasaRealtimedataStateData,
    DeviceManagerdeviceBasaRealtimedataMalfunctionData,
    DeviceManagerdeviceBasaRealtimedataWarnningData,
    DeviceManagerdeviceBasaRealtimedataStateMonitor,
    DeviceManagerdeviceBasaRealtimedataSourceData
  },
  props: {
    data: Object
  },
  data() {
    return {


    };
  },
  methods: {
    callbackActivityTab (index) {
      console.log(index)
    },
  }
};
</script>
